<template>
  <div id="caseEdit">
    <el-button
      class="back"
      type="info"
      size="mini"
      plain
      icon="el-icon-arrow-left"
      @click="goBack"
    >返回</el-button>
    <el-tabs v-model="active" type="card" class="min-height">
      <el-tab-pane label="基本信息" name="first">
        <one></one>
      </el-tab-pane>
      <el-tab-pane label="就诊信息" name="second">
        <two></two>
      </el-tab-pane>
      <el-tab-pane label="检查信息" name="third">
        <three></three>
      </el-tab-pane>
      <el-tab-pane label="诊疗信息" name="fourth">
        <four></four>
      </el-tab-pane>
      <el-tab-pane label="随访信息" name="fifth">
        <five></five>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import one from "./first";
import two from "./second";
import three from "./third";
import four from "./fourth";
import five from "./fifth";

export default {
  name: "caseEdit",
  data() {
    return {
      active: "first"
    };
  },
  methods: {
    goBack() {
      this.$router.go(-1);
    }
  },
  components: {
    one,
    two,
    three,
    four,
    five
  }
};
</script>
<style scoped>
#caseEdit {
  position: relative;
}
.back {
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 999;
}
</style>